{% extends 'home_base.html' %}

{% block title %} home - 主页 {% endblock %}

{% block home %}"box active"{% endblock %}

{% block body %}
    <link rel="stylesheet" href="{{ url_for('static', filename='CSS/home-style.css') }}">
    <div class="main-container">
        <div class="left-column">
            <div class="blog-list"></div>
        </div>
        <div class="right-column">
            <!-- 天气信息 -->
            <div class="right-card weather-card">
                <h3>天气</h3>
                <div class="weather-info">
                    <div class="weather-icon">
                        <img src="https://openweathermap.org/img/wn/02d@2x.png" alt="天气图标">
                    </div>
                    <div class="weather-details">
                        <p>当前温度: 25°C</p>
                        <p>天气状况: 晴朗</p>
                        <p>风速: 10 km/h</p>
                    </div>
                </div>
            </div>

            <!-- 置顶博客 -->
            <div class="right-card top-blog-card">
                <h3>置顶博客</h3>
                <div class="top-blog-list">
                    <article class="top-blog-item">
                        <a href="/blog/rust-proc-macro" class="card-link">
                            <h4>Rust 中的过程宏 proc-macro</h4>
                            <p>深入理解 Rust 的过程宏机制</p>
                            <time class="post-date">Jan 22, 2025</time>
                        </a>
                    </article>
                    <article class="top-blog-item">
                        <a href="/blog/rust-pattern-matching" class="card-link">
                            <h4>Rust 模式匹配高级技巧</h4>
                            <p>掌握 Rust 模式匹配的核心概念与实践</p>
                            <time class="post-date">Jan 20, 2025</time>
                        </a>
                    </article>
                </div>
            </div>

            <!-- 常用链接 -->
            <div class="right-card links-card">
                <h3>常用链接</h3>
                <ul class="link-list">
                    <li>
                        <a href="#" class="card-link">
                            <span class="link-icon">
                                <i class="fas fa-github"></i>
                            </span>
                            GitHub
                        </a>
                    </li>
                    <li>
                        <a href="#" class="card-link">
                            <span class="link-icon">
                                <i class="fas fa-twitter"></i>
                            </span>
                            Twitter
                        </a>
                    </li>
                    <li>
                        <a href="#" class="card-link">
                            <span class="link-icon">
                                <i class="fas fa-linkedin"></i>
                            </span>
                            LinkedIn
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="{{ url_for('static' , filename='js/home.js') }}"> </script>
{% endblock %}